<label
  for="AcceptConditions"
  class="relative block h-8 w-12 [-webkit-tap-highlight-color:_transparent]"
>
  <input type="checkbox" id="AcceptConditions" class="peer sr-only" />

  <span class="absolute inset-0 m-auto h-2 rounded-full bg-gray-300 dark:bg-gray-600"></span>

  <span
    class="absolute inset-y-0 start-0 m-auto size-6 rounded-full bg-gray-500 transition-[inset-inline-start] peer-checked:start-6 peer-checked:*:scale-0 dark:bg-gray-400"
  >
    <span
      class="absolute inset-0 m-auto size-4 rounded-full bg-gray-200 transition-transform dark:bg-gray-700"
    >
    </span>
  </span>
</label>
